/* reset CSS */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol,li{list-style:none}
img,fieldset{border:0;}
a{text-decoration:none;color:#000;}
/*@font-face{font-family:Rix;src:url(font/RixGoM.woff)}*/
body{font-size:15px;color:#333;word-wrap:break-word;font-family:'굴림',Gulim,Arial,Apple Gothic,sans-serif}

img{vertical-align:top;max-width:100%}
em{font-style:normal;letter-spacing:0px;}/* eng,num,symbol */
i{display:inline-block}
b{font-weight:normal;vertical-align:middle;}/* text bullet */
/* common */
.imgWrapper{position:relative;display:inline-block}
.imgWrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:rgba(0,0,0,.1) 1px solid;box-sizing:border-box;-webkit-box-sizing:border-box}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
/* layout */
.header{height:43px;border:none}
.header .ui-title{font-weight:bold;text-align:center;font-size:20px;height:43px;line-height:43px;margin:0}
.header .ui-title .headText{font-size:20px}
.header .ui-title .headText img{width:21px;height:19px;vertical-align:-3px;margin:0 7px 0 0;}
.header .headBtn{display:inline-block;position:absolute;top:0px;box-sizing:border-box;-webkit-box-sizing:border-box;width:48px;height:43px;text-align:center}
.header .headBtn:after{content:"";display:block;position:absolute;top:0px;width:1px;height:43px;box-shadow:1px 0 1px 0 rgba(255,255,255,.23);-webkit-box-shadow:1px 0 1px 0 rgba(255,255,255,.23)}
.header .leftBtn{left:0px}
.header .leftBtn:after{right:0px}
.header .rightBtn{right:0px}
.header .rightBtn:after{left:0px}
.header .btn_left{left:6px;top:6px;}/* for default button with Text */
.header .btn_right{right:6px;top:6px;}/* for default button with Text */
.container{background:#FFF}
/* skin */
.skyblue[data-role=header]{border-bottom:#003C5C 1px solid;background:#00A1EB -webkit-gradient(linear,0% 0%,0% 100%,from(#14CCF5),to(#00A1EB));}
.skyblue .ui-title .headText{color:#FFF;text-shadow:0px 1px 0px RGBA(68,128,153,.8)}
.skyblue .headBtn:after{background:rgba(0,110,187,.25)}
.skyblue .ico_hBtn1{width:20px;height:16px;background:url(../image/headerBtn1_sp.png) no-repeat 0 0;background-size:30px 50px;margin:14px 0 0 0}
.skyblue .ico_hBtn2{width:25px;height:25px;background:url(../image/headerBtn1_sp.png) no-repeat 0 -20px;background-size:30px 50px;margin:9px 0 0 4px}
.black[data-role=header]{border-bottom:1px solid #1E1E1E;background:rgb(76,78,92);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(76,78,92,1)),color-stop(100%,rgba(48,49,57,1)));}
.black .ui-title .headText{color:#56dafe;text-shadow:0 1px rgba(0,0,0,0.5);}
.black .headBtn:after{background:RGBA(47,47,59,1);box-shadow:1px 0 1px 0 rgba(255,255,255,.1);-webkit-box-shadow:1px 0 1px 0 rgba(255,255,255,.1)}
.black .ico_hBtn1{width:20px;height:16px;background:url(../image/headerBtn2_sp.png) no-repeat 0 0;background-size:30px 50px;margin:14px 0 0 0}
.black .ico_hBtn2{width:25px;height:25px;background:url(../image/headerBtn2_sp.png) no-repeat 0 -20px;background-size:30px 50px;margin:9px 0 0 4px}
.orange[data-role=header]{border-bottom: 1px solid #CE6100;background: rgb(255,205,0) -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,205,0,1)), color-stop(57%,rgba(255,180,0,1)), color-stop(76%,rgba(255,167,0,1)), color-stop(100%,rgba(255,159,0,1)));}
.orange .ui-title .headText{color:#FFF;text-shadow:0 1px rgba(0,0,0,0.5);}
.orange .headBtn:after{background:rgba(234,72,0,0.3);box-shadow:1px 0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:1px 0 1px 0 rgba(255,255,255,.3)}
.orange .ico_hBtn1{width:20px;height:16px;background:url(../image/headerBtn3_sp.png) no-repeat 0 0;background-size:30px 50px;margin:14px 0 0 0}
.orange .ico_hBtn2{width:25px;height:25px;background:url(../image/headerBtn3_sp.png) no-repeat 0 -20px;background-size:30px 50px;margin:9px 0 0 4px}
.cyan[data-role=header]{border-bottom: 1px solid #00898C;background: rgb(45,226,229) -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,226,229,1)), color-stop(17%,rgba(42,223,227,1)), color-stop(33%,rgba(34,219,223,1)), color-stop(52%,rgba(22,214,218,1)), color-stop(71%,rgba(0,207,213,1)), color-stop(100%,rgba(0,202,207,1)));}
.cyan .ui-title .headText{color:#FFF;text-shadow:0 1px rgba(0,0,0,0.5);}
.cyan .headBtn:after{background:rgba(3,116,118,0.3);box-shadow:1px 0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:1px 0 1px 0 rgba(255,255,255,.3)}
.cyan .ico_hBtn1{width:20px;height:16px;background:url(../image/headerBtn4_sp.png) no-repeat 0 0;background-size:30px 50px;margin:14px 0 0 0}
.cyan .ico_hBtn2{width:25px;height:25px;background:url(../image/headerBtn4_sp.png) no-repeat 0 -20px;background-size:30px 50px;margin:9px 0 0 4px}

/*button*/
.btn{display:inline-block;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px;height:29px;border:1px solid #BBB;border-radius:3px;-webkit-box-shadow:inset 0 0 2px rgba(255,255,255,1);box-shadow:inset 0 0 2px rgba(255,255,255,1);background:rgb(254,254,254);background:-webkit-gradient(linear,left top,left bottom,color-stop(19%,rgba(254,254,254,1)),color-stop(100%,rgba(237,237,237,1)));}
.btn .btnText{display:inline-block;color:#333;font-size:14px;text-align:center;line-height:29px;}
/* icon 버튼 (첨부파일) */
.btn_icon{height: 27px;padding: 0 5px;}
.btn_icon .btnText{line-height: 27px;}
.btn_icon .btnText .btnImg{vertical-align: -1px;}
/* button size 추가 */
.btn31{height: 31px;}
.btn31 .btnText{line-height: 31px;font-size: 16px;}
/* button skin 추가 */
.btn_dark{border:1px solid #2A2B34;-webkit-box-shadow:inset 0 0 2px rgba(255,255,255,0.19),0 1px 0 rgba(0,0,0,0.14);box-shadow:inset 0 0 2px rgba(255,255,255,0.19),0 1px 0 rgba(0,0,0,0.14);background:rgb(134,143,162);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(134,143,162,1)),color-stop(11%,rgba(134,142,161,1)),color-stop(36%,rgba(124,131,149,1)),color-stop(100%,rgba(85,90,102,1)));}
.btn_dark .btnText{color:#fff;font-weight:bold;text-shadow:0 1px rgba(0,0,0,0.50);}
.btn_cyan{border:1px solid #1CC2BD;-webkit-box-shadow:inset 0 0 2px rgba(255,255,255,0.19),0 1px 0 rgba(0,0,0,0.14);box-shadow:inset 0 0 2px rgba(255,255,255,0.19),0 1px 0 rgba(0,0,0,0.14);background:rgb(0,197,191) -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,224,219,1)), color-stop(12%,rgba(55,222,217,1)), color-stop(32%,rgba(40,217,211,1)), color-stop(48%,rgba(22,212,206,1)), color-stop(60%,rgba(0,208,202,1)), color-stop(100%,rgba(0,197,191,1)));}
.btn_cyan .btnText{color:#fff;text-shadow:0 1px #0FACA8;}
.btn_grey{border-radius:2px;border:1px solid #7C818E;-webkit-box-shadow:none;box-shadow:none;background:rgb(118,123,138) -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(139,145,159,1)), color-stop(84%,rgba(119,124,138,1)), color-stop(100%,rgba(118,123,138,1)));}
.btn_grey .btnText{display:inline-block;color:#F7F8F8;font-weight: bold;}

/* tab */
.tabMenu{overflow:hidden;height:41px}
.tabBlue{overflow:hidden;position:relative;height:41px}
.tabBlue .tabList{float:left;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;border-right:#C8D1DB 1px solid;background:#E4EBF3 -webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#E4EBF3));white-space:nowrap;position:relative}
.tabBlue .tabList .tabText{color:#4c5c71;display:block;height:39px;line-height:39px;border-bottom:#C8D1DB 1px solid;border-top:#FFF 1px solid;font-size:16px}
.tabBlue .tabOn{background:#FAFAFA}
.tabBlue .tabOn .tabText{font-weight:bold;border-color:#F2F2F2}

.tabGrey{overflow:hidden;position:relative;height:41px}
.tabGrey .tabList{float:left;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;border-right:#C8CED2 1px solid;background: rgb(219,221,222)-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,221,222,1)), color-stop(83%,rgba(231,233,234,1)), color-stop(100%,rgba(231,233,234,1)));white-space:nowrap;position:relative}
.tabGrey .tabList .tabText{color:#4c5c71;display:block;height:39px;line-height:39px;border-bottom:#C8CED2 1px solid;border-top:#C8CED2 1px solid;font-size:16px;}
.tabGrey .tabOn{background:#F6F6F6}
.tabGrey .tabOn .tabText{font-weight:bold;border-color:#FDFDFD;border-bottom: 1px solid #F6F6F6;}

.tab3 .tabList{width:33.3%}
.tab3 .tabList:last-child{float:none;overflow:hidden;width:auto;border-right:none}
.tab2 .tabList{width:50%}
/* sub */
.itemArea{}
.itemArea .itemList{position:relative;min-height:66px;border-bottom:#E3E3E3 1px solid;padding:0 12px}
.itemArea .itemList .ico_item{background:url(../image/item_sp.png) no-repeat;height:16px;vertical-align:-2px;margin:0 3px 0 0}
.itemArea .thumbLink{position:absolute;top:15px;left:12px}
.itemArea .thumbLink .imgWrapper:after{border-radius:3px}
.itemArea .thumbLink .thumb{border-radius:3px}
.itemArea .itemContent{padding:14px 0 14px 50px}
.itemArea .nameLoc{color:#9194a1;padding:0 55px 0 0;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.itemArea .nameLoc .authorText{color:#4b4b4b}
.itemArea .nameLoc .barText{color:#DEDEDE;font-size:12px;margin:0 6px 0 5px;vertical-align:2px}
.itemArea .nameLoc .category{font-size:14px;letter-spacing:-1px;vertical-align:1px}
.itemArea .nameLoc .regidate{font-size:13px;color:#a2a2a2;position:absolute;top:0px;right:0px}
.itemArea .itemContent .titleLoc{color:#000;line-height:20px;margin:5px 0 0 0;display:inline-block;font-size:18px}
.itemArea .itemContent .topicLoc{max-height:40px}
.itemArea .itemContent .typeBox{font-size:13px;color:#FFF;display:inline-block;background:#ADB0BB;font-weight:normal;letter-spacing:-1px;height:16px;line-height:17px;padding:0 2px 0 2px;margin:0 3px 0 0;vertical-align:1px}
.itemArea .contentLoc{color:#4b4b4b;line-height:22px;margin:5px 0 0 0;word-break:break-all;font-size:17px;max-height:88px}
.itemArea .contentLoc .contentLink{color:#4b4b4b}
.itemArea .contentLoc .moreLink{color:#4c75a8;margin:0 0 0 5px}
.itemArea .tagLoc{font-size:14px;color:#9194a1;margin:8px 0 0 0}
.itemArea .infoLoc{font-size:14px;margin:12px 0 0 0}
.itemArea .infoLoc .infoText{color:#a2a2a2;letter-spacing:-1px}
.itemArea .infoLoc .infoNum{color:#ff6c00;margin:0 0 0 7px}
.itemArea .infoLoc .barText{color:#ebebeb;margin:0 4px;vertical-align:1px}
.itemArea .infoLoc .reply{background-position:0 0;width:15px}
.itemArea .infoLoc .useful{background-position:-20px 0;width:16px}
.itemArea .infoLoc .feedback{background-position:-40px 0;width:16px}
.itemArea .infoLoc .answer{background-position:-60px 0;width:12px}
.itemArea .picLoc:not(:empty){margin:10px 0 0 0}
.itemArea .picLoc:after{content:"";display:block;clear:both;}
.itemArea .picLoc .picLink{float:left;margin:0 3px 4px 0;width:79px;height:79px}
.itemArea .fnLayer{position:absolute;top:0px;left:0px;z-index:10;width:100%;height:100%;background:rgba(0,0,0,.6);display:none}
.itemArea .fnLayer .fnPlace{text-align:center;position:absolute;top:50%;margin:-32px auto 0 auto;width:100%}
.itemArea .fnLayer .fnCommon{display:inline-block}
.itemArea .fnLayer .fnMy{margin:0 0 0 18px;display:inline-block}
.itemArea .fnLayer .fnLink{display:inline-block;margin:0 15px 0 0}
.itemArea .fnLayer .fnText{font-size:14px;color:#CFCFCF;letter-spacing:-1px;margin:6px 0 0 0}
.itemArea .fnLayer .ico_fn{display:inline-block;background:url(../image/fn_sp.png) no-repeat;height:32px}
.itemArea .fnLayer .fn1{background-position:0 0;width:18px}
.itemArea .fnLayer .fn2{background-position:-20px 0;width:21px}
.itemArea .fnLayer .fn3{background-position:-50px 0;width:28px}
.itemArea .fnLayer .fn4{background-position:-80px 0;width:27px}
.itemArea .fnLayer .fn5{background-position:-110px 0;width:25px}

/* 조회(view) 공통 */
.viewArea{position: relative;}
.viewArea .viewHeader{height:64px;padding: 14px 12px 15px 64px;border-bottom: 1px solid #C3C3C3; background:rgb(249,249,249) -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(81%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));}
.viewArea .thumbLink{position:absolute;top:14px;left:12px}
.viewArea .thumbLink .imgWrapper:after{border-radius:3px}
.viewArea .thumbLink .thumb{border-radius:3px}
.viewArea .titleLoc {overflow: hidden;font-size: 18px;line-height: 20px; max-height:40px;margin: 0 0 8px 0;}
.viewArea .nameLoc{color:#9194a1;padding:0 55px 0 0;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.viewArea .nameLoc .authorText{color:#4b4b4b;font-size: 14px;}
.viewArea .nameLoc .barText{color:#DEDEDE;font-size:12px;margin:0 4px 0 4px;vertical-align: 1px;}
.viewArea .nameLoc .regidate{font-size:13px;color:#a2a2a2;vertical-align: 1px;}
.viewArea .viewContent{padding: 15px 0 0 0;}
.viewArea .viewContent .typeBox{font-size:13px;color:#FFF;display:inline-block;background:#ADB0BB;font-weight:normal;letter-spacing:-1px;height:16px;line-height:17px;padding:0 2px 0 2px;margin:0 3px 0 0;vertical-align:1px}
.viewArea .editLoc{margin: 0 12px 15px 12px;}
.viewArea .categoryLoc{padding: 0 12px; color: #464B5E;}
.viewArea .contentLoc{padding: 0 12px; color: #1C1C1C;font-size:17px;line-height:25px;margin:5px 0 0 0;word-break:break-all;}
.viewArea .contentLoc .contentLink{color:#006FE0}
.viewArea .picLoc:not(:empty){margin:10px 0 10px 0}
.viewArea .picLoc:after{content:"";display:block;clear:both;}
.viewArea .picLoc .picLink{float:left;margin:0 3px 4px 0;width:79px;height:79px}
.viewArea .tagLoc{padding: 20px 12px;margin: 0;border-bottom: 1px solid #EDEDED;}
.viewArea .tagLoc .myTagArea{padding:0;margin:0}
.viewArea .fileLoc {padding: 14px 12px; border-bottom: 1px solid #EDEDED;}
.viewArea .fileLoc .file {line-height: 18px;margin: 0 0 6px 0;}
.viewArea .fileLoc .file .fileName{color: #4B4B4B;}
.viewArea .fileLoc .file .num{color: #9D9D9D;margin: 0 0 0 4px;letter-spacing: -1px;}
.viewArea .fileLoc .file:last-child {margin:0}
.viewArea .fileLoc .file img{width: 18px;height: 18px;margin: 0 4px 0 0;vertical-align: -4px;}
.viewArea .btnLoc {padding: 20px 12px; border-bottom: 1px solid #DBDBDB;}
.viewArea .btnLoc .btn_share img{width: 29px;height: 29px;}
.viewArea .btnLoc .btn {float: right;margin: 0 0 0 5px;}
.viewArea .btnLoc .btnText .num{color: #FF6D00;font-weight: bold;margin: 0 0 0 4px;letter-spacing: -1px;}
.viewArea .feedLoc {padding:12px;background-color: #ECECEC;border-bottom: 1px solid #DBDBDB;}
.viewArea .feedLoc:after {display: block;content:"";clear: both;}
.viewArea .feedLoc .feedPic {float: left;margin:1px 0 0 0;}
.viewArea .feedLoc .feedPic:after {display: block;content:"";clear: both;}
.viewArea .feedLoc .feedList {float: left;margin: 2px 6px 0 0 ;}
.viewArea .feedLoc .feedList .thumbLink{position: relative;top:0;left:0;float: left;}
.viewArea .feedLoc .feedList img {width: 25px;height: 25px;vertical-align: top;}
.viewArea .feedLoc .feedList .moreLink{line-height: 25px;color: #9194A1;}
.viewArea .feedLoc .feedList .moreLink .num{color: #5E6270;letter-spacing: -1px;}
.viewArea .feedLoc .btn{float:right;}
.viewArea .viewReply .replyList{position: relative;background-color: #F6F6F6; padding: 14px 0 15px 50px;border-top: 1px solid #FFF; border-bottom: 1px solid #E3E3E3;}
.viewArea .viewReply .viewContent {padding: 0 12px 0 10px;}
.viewArea .viewReply .viewContent:after{display: block;content:"";clear: both;}
.viewArea .viewReply .nameLoc{padding: 0;}
.viewArea .viewReply .nameLoc:after{display: block;content:"";clear: both;}
.viewArea .viewReply .nameLoc .authorText{float: left;}
.viewArea .viewReply .nameLoc .regidate{float: right;}
.viewArea .viewReply .contentLoc{padding: 0;line-height: 21px;}
.viewArea .viewReply .infoLoc{float: right;margin: 9px 0 0 0;}
.viewArea .viewReply .infoLoc .infoText{color: #607A91;font-size: 14px;}
.viewArea .viewReply .infoLoc .barText{color: #DEDEDE;font-size: 14px;margin:0 5px;}
.viewArea .viewReply .replyChild{padding-left:60px;background:#F6F6F6 url(../image/icon_reply.png) 12px 22px no-repeat;background-size:11px 10px;}
.viewArea .viewReply .replyChild .thumbLink{left: 32px;width: 30px;height: 30px;}

.myTagArea{padding:0 4px 0 8px;margin:10px 0 0 0}
.myTagArea:after{content:"";display:block;clear:both;}
.myTagArea .myTagList{float:left;max-width:25%;box-sizing:border-box;-webkit-box-sizing:border-box;padding:0 3px 0 0}
.myTagArea .myTagText{display:inline-block;color:#565656 !important;letter-spacing:-1px;border:#C6CFD5 1px solid;box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:10px;padding:0 7px;height:23px;line-height:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:14px}
.myTagArea .blueTag .myTagText{color: #628EDA !important;}
/*input*/
/** for join/login **/
.container .inputWrap:after{display:block;content:"";clear:both;}
.container .inputBoxArea:after{display:block;content:"";clear:both;}
.container .inputBoxArea label{float:left;font-size:16px;line-height:18px;margin:0 12px 0 0;}
.container .inputBoxArea label .label_txt{margin:0 0 0 6px;}
.inputArea{float:left;width:100%;}
.inputArea .inputText{height:37px;border-radius:3px;-webkit-box-shadow:inset 0 2px 3px rgba(200,202,214,0.54);box-shadow:inset 0 2px 3px rgba(200,202,214,0.54);border:1px solid #A8B4C1;color:#6e7895;background-color:#fff;}
.checkbox,.radio{position:absolute;width:0;height:0;opacity:0;-webkit-appearance: none;}
.checkbox_bg{display:block;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:18px;height:18px;border:1px solid #b6b6b7;border-radius:2px;-webkit-box-shadow:inset 0 0 2px rgba(255,255,255,1)/*,0 1px 0 rgba(0,0,0,0.11)*/;box-shadow:inset 0 0 2px rgba(255,255,255,1)/*,0 1px 0 rgba(0,0,0,0.11)*/;background:rgb(251,251,251);background:-webkit-gradient(linear,left top,left bottom,color-stop(3%,rgba(251,251,251,1)),color-stop(49%,rgba(244,244,244,1)),color-stop(52%,rgba(231,231,231,1)),color-stop(94%,rgba(245,245,245,1)));}
.checkOn{background:rgb(251,251,251);background:url(../image/icon_check.gif),-webkit-gradient(linear,left top,left bottom,color-stop(3%,rgba(251,251,251,1)),color-stop(49%,rgba(244,244,244,1)),color-stop(52%,rgba(231,231,231,1)),color-stop(94%,rgba(245,245,245,1)));-webkit-background-origin:border-box;background-origin:border-box;}

/*** 리얼지식 , SOS 초기화면 ***/
.ctgrArea{height:40px; border-bottom: #C3C3C3 1px solid; padding:0 12px}
.ctgrArea:after{content:""; display:block; clear:both;}
.ctgrArea .selectBox{position:relative; border:#E4E4E6 1px solid; height:25px; line-height:25px; float:left; margin:7px 0 0 0; background:#F8F9FA; max-width:45%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 30px 0 6px}
.ctgrArea .selectBox .oSelect{opacity:0; height:27px; position:absolute; top:-1px; left:0px; width:100%; -webkit-appearance:none}
.ctgrArea .selectBox .sltText{color:#2d3643; font-weight:bold; letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.ctgrArea .selectBox .sltBtn{position:absolute; top:6px; right:6px}
.ctgrArea .sortPlace{line-height:40px; float:right}
.ctgrArea .sortPlace .sortText{color:#9194a1; letter-spacing:-1px}
.ctgrArea .sortPlace .sortText .sortIcon{background:url(../image/sort_sp.png) no-repeat; height:15px; margin:0 3px 0 0; vertical-align:-2px}
.ctgrArea .sortPlace .sortText .time{background-position:0 -20px; width:19px}
.ctgrArea .sortPlace .sortText .useful{background-position:0 0; width:16px}
.ctgrArea .sortPlace .barText{color:#EBEBEB; margin:0 3px}
.ctgrArea .sortPlace .sortOn{color:#565960; font-weight:bold}
.ctgrArea .sortPlace .sortOn .time{background-position:-20px -20px}
.ctgrArea .sortPlace .sortOn .useful{background-position:-20px 0}


/* menu */
#viewport{overflow:hidden}
.pageHide{left:230px !important; position:relative !important; overflow-x:hidden}
.pageHide .ui-header-fixed{left:230px}
.pageHide .ui-fixed-hidden{left:0px}
.oMenuLayer{position:fixed; top:0px; left: 0px; width:230px; height:100%; background:#42424C; overflow-y:auto; display:none}
.oMenuLayer .searchPlace:before{content:""; display:block; position:absolute; top:0; right:0; width:6px; height:100%; background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.4))); z-index: 10}
.oMenuLayer .searchPlace{background:#32333D -webkit-gradient(linear,0% 0%,0% 100%,from(#3C3D4B),to(#32333D)); height:36px; border-top:#494A57 1px solid; border-bottom:#25252C 1px solid; padding:6px 11px 0 9px; position:relative}
.oMenuLayer .searchPlace:after{content:""; display:block; position:absolute; bottom:0; left:0; border-bottom:#383945 1px solid; width:100%}
.oMenuLayer .searchBg{padding:0 0 0 32px; background:#26282F url(../image/icon_search.gif) no-repeat 10px; height:30px; border-radius:14px; box-shadow:inset 0 1px 3px rgba(0,0,0,.25), 0 1px 1px rgba(255,255,255,.09); -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.25), 0 1px 1px rgba(255,255,255,.09)}
.oMenuLayer .searchPlace .searchInput{width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; color:#afbed7; height:30px; border:none; -webkit-appearance:textfield; outline-style:none; background:none; font-size:12px}
.oMenuLayer .oMenuTitle{color:#d7d8e0; font-size:11px; text-shadow:none; background:-webkit-gradient(linear,0% 0%,0% 100%,from(#494E5C),to(#404554)); height:21px; line-height:21px; border-top:#606470 1px solid; border-bottom:#2D2D2F 1px solid; padding:0 0 0 10px}
.oMenuLayer .oMenuPlace{position:relative}
.oMenuLayer .oMenuPlace:last-child{padding:0 0 100px 0}
.oMenuLayer .oMenuPlace:before{content:""; display:block; position:absolute; top:0; right:0; width:6px; height:100%; background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.4))); z-index: 10}
.oMenuLayer .newIcon{background:url(../image/menu_sp.png) no-repeat 0 -210px; width:30px; height:21px; position:absolute; top:9px; right:13px }
.oMenuLayer .oMenuLoc{}
.oMenuLayer .oMenuLoc .menuList{border-bottom:#2C2F3B 1px solid}
.oMenuLayer .oMenuLoc .menuList:last-child{border:none}
.oMenuLayer .oMenuPlace:last-child .oMenuLoc .menuList:last-child{border-bottom:#52535C 1px solid}
.oMenuLayer .oMenuLoc .menuLink{display:block; font-size:16px; color:#c0d0df; height:40px; line-height:40px; padding:0 55px 0 9px; border-top:#52535C 1px solid; text-shadow:0 1px rgba(0,0,0,.5); position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.oMenuLayer .oMenuLoc .menuList:first-child .menuLink{border:none}
.oMenuLayer .oMenuLoc .menuOn .menuLink{color:#cfdfed; background:#2D2F35; border-top-color:#2D2F35}
.oMenuLayer .oMenuPlace:last-child .oMenuLoc .menuList:last-child .menuLink{border-bottom:#2C2F3B 1px solid;}
.oMenuLayer .oMenuLoc .thumb{border-radius:13px; vertical-align:-7px; margin:0 2px 0 0}
.oMenuLayer .oMenuLoc .ico_menu{background:url(../image/menu_sp.png) no-repeat; width:28px; height:26px; vertical-align:-8px; margin:0 2px 0 0}
.oMenuLayer .oMenuLoc .i_news{background-position:0 0}
.oMenuLayer .oMenuLoc .i_inter{background-position:0 -30px}
.oMenuLayer .oMenuLoc .i_whisper{background-position:0 -60px}
.oMenuLayer .oMenuLoc .i_real{background-position:0 -90px}
.oMenuLayer .oMenuLoc .i_sos{background-position:0 -120px}
.oMenuLayer .oMenuLoc .i_otalk{background-position:0 -150px}
.oMenuLayer .oMenuLoc .i_topic{background-position:0 -180px}
.oMenuLayer .oMenuLoc .menuOn .i_news{background-position:-30px 0}
.oMenuLayer .oMenuLoc .menuOn .i_inter{background-position:-30px -30px}
.oMenuLayer .oMenuLoc .menuOn .i_whisper{background-position:-30px -60px}
.oMenuLayer .oMenuLoc .menuOn .i_real{background-position:-30px -90px}
.oMenuLayer .oMenuLoc .menuOn .i_sos{background-position:-30px -120px}
.oMenuLayer .oMenuLoc .menuOn .i_otalk{background-position:-30px -150px}
.oMenuLayer .oMenuLoc .menuOn .i_topic{background-position:-30px -180px}
.oMenuLayer .oGMenuLoc{}
.oMenuLayer .oGMenuLoc .menuList{border-bottom:#52535C 1px solid}
.oMenuLayer .oGMenuLoc .menuList:last-child{border:none}
.oMenuLayer .oGMenuLoc .menuLink{display:block; font-size:14px; color:#a9b8c7; height:38px; line-height:38px; border-bottom:#2C2F3B 1px solid; text-shadow:none; padding:0 55px 0 12px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.oMenuLayer .oGMenuLoc .menuList:last-child .menuLink{border:none}
.oMenuLayer .oGMenuLoc .menuOn .menuLink{color:#FFF}
